@charset "UTF-8";
// 文章列表
.art-list-wrap {
  @extend .clearfix;
  position: relative;
  min-height: 172px;
  padding: 10px 30px;
  border-left: 3px solid transparent;
  border-bottom: 1px solid $gray-lighter;
  @include transition(all 0.25s ease 0s);
  &:last-child {
	border-bottom: none;
  }
  &:hover {
	border-left-color: $brand-warning;
	background-color: #f8f8f8;
	footer{
		visibility: inherit;
	}
  }
  .art-info {
	float: left;
	margin-right: 260px;
	h3 {
	  font-size: 18px;
	}
	.item {
	  color: $gray-light;
	  margin-bottom: 10px;
	  a{
		color: $gray-light;
		&:hover{
		  color: $brand-warning;
		}
	  }
	  span {
		margin-right: 30px;
	  }
	}
	p {
	  color: $gray-light;
	  line-height: 1.8;
	}
  }
  figure {
	width: 220px;
	height: 155px;
	img {
	  position: absolute;
	  top: 25px;
	  right: 0;
	  width: 220px;
	  margin-left: 20px;
	  margin-right: 30px;
	}
  }
  .unimg {
	margin-right: 0;
  }
  footer {
	visibility: hidden;
	a {
	  margin-right: 20px;
	}
  }
}

// 故事梗概
.scr-tab-wrap {
  margin-bottom: 20px;
  .tab-menu {
	position:relative;
	top:6px;
	@include clearfix();
	background-color: $gray-lighter;
	border: 1px solid $gray-lighter;
	border-bottom: none;
	li {
	  display: inline-block;
	  float: left;
	  width: 100px;
	  height: 36px;
	  line-height: 36px;
	  text-align: center;
	  cursor: pointer;
	  &.cur {
		background-color: #fff;
		color: $brand-warning;
	  }
	}
	p {
	  position: absolute;
	  top: -1px;
	  left: 0;
	  width: 100px;
	  height: 7px;
	  border-top: 3px solid $brand-warning;
	  overflow: hidden;
	  text-align: center;
	}
  }
  .tab-con {
	position:relative;
	display:none;
	overflow:hidden;
	padding: 20px;
	line-height: 1.8;
	border: 1px solid $gray-lighter;
	border-top: none;
	p {
	  margin-bottom: 0;
	  color: $gray-light;
	}
  }
  .block{display:block;}
}
